<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>会员中心-个人资料</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="../../css/public.css">
    <script type="text/javascript" src="../../js/lib/jquery.min.js"></script>
</head>

<body>
    <!--头部开始-->
    <!-- js复制过来的，最新 -->
    <div class='header'>
        <div class='h-nav clearfix'>
            <div class='logo fl'>
                <img src='../../images/main/logo.png' />
            </div>
            <div class='nav fr'>
                <ul class='clearfix c9 f14'>
                    <li class='fl'>首页
                        <p class='on-2 active'></p>
                    </li>
                    <li class='fl'>会员中心
                        <p class='on-2'></p>
                    </li>
                    <li class='fl'>造型团队
                        <p class='on-2'></p>
                    </li>
                    <li class='fl'>产品展示
                        <p class='on-2'></p>
                    </li>
                    <li class='fl nav_on'>形象打造<span>∨</span></li>
                    <li class='fl'>时尚资讯
                        <p class='on-2'></p>
                    </li>
                    <li class='fl'>关于我们
                        <p class='on-2'></p>
                </ul>
                <div class='nav_list disnone'>
                    <ul>
                        <li><span>服务项目<i></i></span></li>
                        <li><span>服务项目<i></i></span></li>
                        <li><span>服务项目<i></i></span></li>
                        <li><span>服务项目<i></i></span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--头部结束-->
    <!--main开始-->
    <div class="main">
        <div class="main-view clearfix">
            <div class="artcile_nav fl">
                <div class="tit">
                    <h5 class="cc8 f18">会员中心</h5>
                    <span class="f12 c78">Member Center</span>
                </div>
                <ul>
                    <li class="c78 f14">我的会员中心</li>
                    <li class="c78 f14">个人资料</li>
                    <li class="c78 f14">订单管理</li>
                    <li class="c78 f14">收货地址</li>
                    <li class="c78 f14">修改密码</li>
                    <li class="c78 f14">帮助中心</li>
                    <span class="circular-hover"></span>
                </ul>
            </div>
            <div class="personal_data fl">
                <div class="tit f16 cc6">个人资料</div>
                <div class="caption clearfix">
                    <div class="portrait fl"><img src="../../images/member_center/data_portrait.png" alt=""></div>
                    <div class="caption_text fl">
                        <h5 class="f16 cc6">花美男鑫哥</h5>
                        <p class="f14 ce8">会员ID :<span>78779</span></p>
                    </div>
                </div>
                <div class="cent f14">
                    <p class="phone input clearfix"><span>手机号码</span><i class="cc8">18150205916</i></p>
                    <p class="mail_box input clearfix"><span>电子邮箱</span><i class="cc8">2456123354@qq.com</i></p>
                    <p class="name input clearfix"><span>真实姓名</span>
                        <input type="text" name="">
                        <strong></strong>
                    </p>
                    <div class="date-of-birth input clearfix">
                        <span class="fl">你的生日</span>
                        <div class="birth-div year fl">
                            <i>年</i>
                            <ul class="disnone">
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                                <li>1997</li>
                            </ul>
                        </div>
                        <div class="birth-div month fl">
                            <i>月</i>
                            <ul class="disnone">
                                <li>1月</li>
                                <li>2月</li>
                                <li>3月</li>
                                <li>4月</li>
                                <li>5月</li>
                                <li>6月</li>
                                <li>7月</li>
                                <li>8月</li>
                                <li>9月</li>
                                <li>10月</li>
                                <li>11月</li>
                                <li>12月</li>
                            </ul>
                        </div>
                        <div class="birth-div day fl">
                            <i>日</i>
                            <ul class="disnone">
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                                <li>6</li>
                                <li>7</li>
                                <li>8</li>
                                <li>9</li>
                                <li>10</li>
                                <li>11</li>
                                <li>12</li>
                                <li>13</li>
                                <li>14</li>
                                <li>15</li>
                                <li>16</li>
                                <li>17</li>
                                <li>18</li>
                                <li>19</li>
                                <li>20</li>
                                <li>21</li>
                                <li>25</li>
                                <li>26</li>
                                <li>27</li>
                                <li>28</li>
                                <li>29</li>
                                <li>30</li>
                                <li>31</li>
                            </ul>
                        </div>
                        <strong></strong>
                    </div>
                    <p class="occupation input clearfix"><span>你的职业</span>
                        <input type="text" name="">
                        <strong></strong>
                    </p>
                    <div class="view-region input clearfix">
                        <span class="fl f14 c78">所在地区</span>
                        <div class="region-province fl" id="Province">
                            <i>省</i>
                            <ul>
                                <li>
                                    <a href="javascript:void(0)"></a>
                                </li>
                            </ul>
                            <input type="hidden" name="cho_Province">
                        </div>
                        <div class="region-city fl" id="City">
                            <i>市</i>
                            <ul>
                                <li>
                                    <a href="javascript:void(0)"></a>
                                </li>
                            </ul>
                            <input type="hidden" name="cho_City">
                        </div>
                        <div class="region-area fl" id="Area">
                            <i>区</i>
                            <ul>
                                <li>
                                    <a href="javascript:void(0)"></a>
                                </li>
                            </ul>
                            <input type="hidden" name="cho_Area" value="区">
                        </div>
                        <strong></strong>
                    </div>
                    <div class="input address">
                        <span>详细地址</span>
                        <textarea name=""></textarea>
                        <strong></strong>
                    </div>
                    <div class="button">保存</div>
                </div>
            </div>
        </div>
    </div>
    <!--main结束-->
    <!--底部开始-->
    <div class="footer-1">
        <div class="footer1-text clearfix">
            <div class="contact fl">
                <p class="contact-1 cf f24">联系</p>
                <p class="contact-2 c78 f12">contact</p>
            </div>
            <div class="attention fl">
                <div class="attention-1 cc9">
                    关注
                </div>
                <div class="attention-2 clearfix">
                    <div class="weixin fl on-4">
                        <div class="a1"></div>
                        <div class="a2"></div>
                        <div class="a3"></div>
                        <div class="a4"></div>
                        <div class="a5"></div>
                        <div class="a6"></div>
                        <div class="a7"></div>
                        <div class="a8"></div>
                    </div>
                    <div class="QQ fl on-4">
                        <div class="a1"></div>
                        <div class="a2"></div>
                        <div class="a3"></div>
                        <div class="a4"></div>
                        <div class="a5"></div>
                        <div class="a6"></div>
                        <div class="a7"></div>
                        <div class="a8"></div>
                    </div>
                    <div class="weibo fl on-4">
                        <div class="a1"></div>
                        <div class="a2"></div>
                        <div class="a3"></div>
                        <div class="a4"></div>
                        <div class="a5"></div>
                        <div class="a6"></div>
                        <div class="a7"></div>
                        <div class="a8"></div>
                    </div>
                </div>
            </div>
            <div class="about fl">
                <p class="name cc9">福州魅力ta说美容美发有限公司</p>
                <table class="c6 f12">
                    <thead>
                        <tr>
                            <th width="289px"></th>
                            <th width="255px"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>电话：0591-87878787</td>
                            <td>地址：福州市鼓楼区旗汛口新都财经会所13 14F</td>
                        </tr>
                        <tr>
                            <td>手机：13845988787 / 1395478452</td>
                            <td>邮编：355500</td>
                        </tr>
                        <tr>
                            <td>邮箱：<span class="cc9">Menismyforte@163.com</span></td>
                            <td>传真：0591-8855885</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="footer-2">
            <p class="f12 c6">copyright© 2016魅力TA说 版权所有</p>
        </div>
    </div>
    <!--底部结束-->
    <!--右侧悬浮开始-->
    <div class="suspend">
        <div class="tit">
            <div class="member"></div>
            <div class="shopping cf f12">
                购物车
                <span class="on-5">0</span>
                <div class="trilateral"></div>
            </div>
        </div>
        <div class="stern">
            <div class="service"></div>
            <div class="code"></div>
            <div class="top"></div>
        </div>
    </div>
    <!--右侧悬浮开始-->
    <!--登录弹窗开始-->
    <div class="popup-register disnone">
        <div class="popup">
            <div class="popup-text">
                <div class="logo">
                    <img src="../../images/main/register-logo.png" alt="">
                </div>
                <div class="register-input">
                    <input class="c78 f14 phone" type="text" name="" value="手机号码" maxlength="11">
                    <input class="c78 f14 password" type="text" name="" value="密码">
                </div>
                <div class="label-forget c78 f12 clearfix">
                    <div class="checkbox-label fl">
                        <input type="checkbox" name=""> 保持登录状态
                    </div>
                    <p class="fr">忘记密码？</p>
                </div>
                <div class="register-button">
                    <input type="button" class="cf" name="" value="立即登录">
                    <div class="enroll c78">
                        注册账号
                    </div>
                </div>
            </div>
            <div class="hide"></div>
        </div>
    </div>
    <!--登录弹窗结束-->
    <!--购物车弹窗开始-->
    <div class="popup-shopping">
        <div class="shopping">
            <div class="tit clearfix f13">
                <div class="tit-left fl c78">
                    共<span class="on-5">0</span>件，已选择<span class="on-6">0</span>件
                </div>
                <div class="tit-right fl">
                    <a href="#">查看全部</a>
                </div>
            </div>
            <div class="centent">
                <ul>
                    <li class="clearfix" data-price="9500">
                        <div class="checkbox-labe3 fl">
                            <input type="checkbox" name="">
                        </div>
                        <div class="centent-img fl">
                            <img src="../../images/main/centent-img.jpg" alt="">
                        </div>
                        <div class="centent-text fl">
                            <div class="title f13 c78">
                                香奈儿试管小样香水2ml
                            </div>
                            <div class="cent clearfix">
                                <div class="cent-input fl">
                                    <button class="minus"></button>
                                    <input type="text" value="1" class="result cf" name="">
                                    <button class="plus"></button>
                                </div>
                                <div class="price ce8 f14 fl">￥<span>9,500</span></div>
                            </div>
                        </div>
                        <div class="hide disnone"></div>
                    </li>
                    <li class="clearfix" data-price="9500">
                        <div class="checkbox-labe3 fl">
                            <input type="checkbox" name="">
                        </div>
                        <div class="centent-img fl">
                            <img src="../../images/main/centent-img.jpg" alt="">
                        </div>
                        <div class="centent-text fl">
                            <div class="title f13 c78">
                                香奈儿试管小样香水2ml
                            </div>
                            <div class="cent clearfix">
                                <div class="cent-input fl">
                                    <button class="minus"></button>
                                    <input type="text" value="1" class="result cf" name="">
                                    <button class="plus"></button>
                                </div>
                                <div class="price ce8 f14 fl">￥<span>9,500</span></div>
                            </div>
                        </div>
                        <div class="hide disnone"></div>
                    </li>
                    <li class="clearfix" data-price="8300">
                        <div class="checkbox-labe3 fl">
                            <input type="checkbox" name="">
                        </div>
                        <div class="centent-img fl">
                            <img src="../../images/main/centent-img.jpg" alt="">
                        </div>
                        <div class="centent-text fl">
                            <div class="title f13 c78">
                                香奈儿试管小样香水2ml
                            </div>
                            <div class="cent clearfix">
                                <div class="cent-input fl">
                                    <button class="minus"></button>
                                    <input type="text" value="1" class="result cf" name="">
                                    <button class="plus"></button>
                                </div>
                                <div class="price ce8 f14 fl">￥<span>8,300</span></div>
                            </div>
                        </div>
                        <div class="hide disnone"></div>
                    </li>
                    <li class="clearfix" data-price="9300">
                        <div class="checkbox-labe3 fl">
                            <input type="checkbox" name="">
                        </div>
                        <div class="centent-img fl">
                            <img src="../../images/main/centent-img.jpg" alt="">
                        </div>
                        <div class="centent-text fl">
                            <div class="title f13 c78">
                                香奈儿试管小样香水2ml
                            </div>
                            <div class="cent clearfix">
                                <div class="cent-input fl">
                                    <button class="minus"></button>
                                    <input type="text" value="1" class="result cf" name="">
                                    <button class="plus"></button>
                                </div>
                                <div class="price ce8 f14 fl">￥<span>9,300</span></div>
                            </div>
                        </div>
                        <div class="hide disnone"></div>
                    </li>
                </ul>
                <div class="none-shopping f13 c78">
                    没有更多商品啦
                </div>
            </div>
            <div class="foer clearfix">
                <div class="foer-left fl">
                    <p class="foer-left-1 c78 f13">已选<span class="on-6">0</span>件</p>
                    <p class="foer-left-2 f14 ce8">￥<span class="on-7">1696</span></p>
                </div>
                <div class="foer-rgiht fl cf">
                    去结算
                </div>
            </div>
        </div>
    </div>
    <!--购物车弹窗结束-->
    <script type="text/javascript" src="index.js"></script>
    <script type="text/javascript" src="../../js/lib/city.min.js"></script>
    <script type="text/javascript" src="../../js/public.js"></script>
</body>

</html>
